*{
    margin:0;
    padding:0;
}
.yiyan-container{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: url('http://127.0.0.1:8090/image/random');
    background-size: cover;
    display:flex;
    justify-content: center;
    align-items: center;
    position:relative;
}

.yiyan-container .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position:absolute;
    left: 0;
    top:0;
    z-index: 0;
}

.yiyan-container .text{
    font-size: 36px;
    color:white;
    position:relative;
    z-index: 2;
    padding: 20px;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
}

.yiyan-container .text::before{
    content: '『';
    position:absolute;
    left:-50px;
    top: -20px;

}

.yiyan-container .text::after{
    content: '』';
    position:absolute;
    right:-50px;
    bottom: -20px;
}